<!DOCTYPE html>
<html>
<head>
	<title>Unicorn Admin</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
	<link rel="stylesheet" href="css/fullcalendar.css" />
	<link rel="stylesheet" href="css/unicorn.main.css" />
	<link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

	<div id="sidebar">
		<!-- <a href="#" class="visible-phone">
			<i class="icon icon-home"></i>Dashboard
		</a> -->
		<div class="header" style="height:77px; color:#fff;">logo</div>
		<ul>
			<li class="active">
				<a href="index.html">
				<i class="icon icon-home"></i> <span>Dashboard</span>
				</a>
			</li>
			<li class="submenu">
				<a href="#">
				<i class="icon icon-th-list"> </i>
				<span>Form elements</span> <span class="label">3</span>
				</a>
				<ul>
					<li><a href="form-common.html">Common elements</a></li>
					<li><a href="form-validation.html">Validation</a></li>
					<li><a href="form-wizard.html">Wizard</a></li>
				</ul>
			</li>
			<li><a href="buttons.html"><i class="icon icon-tint"></i> <span>Buttons
						&amp; icons</span></a></li>
			<li><a href="interface.html"><i class="icon icon-pencil"></i>
					<span>Interface elements</span></a></li>
			<li><a href="tables.html"><i class="icon icon-th"></i> <span>Tables</span></a></li>
			<li><a href="grid.html"><i class="icon icon-th-list"></i> <span>Grid
						Layout</span></a></li>
			<li class="submenu"><a href="#"><i class="icon icon-file"></i>
					<span>Sample pages</span> <span class="label">4</span></a>
				<ul>
					<li><a href="invoice.html">Invoice</a></li>
					<li><a href="chat.html">Support chat</a></li>
					<li><a href="calendar.html">Calendar</a></li>
					<li><a href="gallery.html">Gallery</a></li>
				</ul></li>
			<li>
				<a href="charts.html">
				<i class="icon icon-signal"></i> 
				<span>Charts&amp; graphs</span>
				</a>
			</li>
			<li>
				<a href="widgets.html"><i class="icon icon-inbox"></i> <span>Widgets</span></a>
			</li>
		</ul>
	</div>
	<div id="style-switcher">
		<i class="icon-arrow-left icon-white"></i> <span>Style:</span> 
		 <a href="#grey" style="background-color: #555555; border-color: #aaaaaa;"></a> 
		 <a href="#blue" style="background-color: #2D2F57;"></a>
		 <a href="#red" style="background-color: #673232;"></a>
	</div>
	<div id="content">
		<div id="content-header">
			<h1>Dashboard</h1>
			<div class="btn-group">
				<a class="btn btn-large tip-bottom" title="Manage Files"><i
					class="icon-file"></i></a> <a class="btn btn-large tip-bottom"
					title="Manage Users"><i class="icon-user"></i></a> <a
					class="btn btn-large tip-bottom" title="Manage Comments"><i
					class="icon-comment"></i><span class="label label-important">5</span></a>
				<a class="btn btn-large tip-bottom" title="Manage Orders"><i
					class="icon-shopping-cart"></i></a>
			</div>
		</div>
		<div id="breadcrumb">
			<a href="#" title="Go to Home" class="tip-bottom"> <i class="icon-home"></i> Home </a> 
			<a href="#" class="current">Dashboard</a>
		</div>
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12 center" style="text-align: center;">
					<ul class="stat-boxes">
						<li>
							<div class="left peity_bar_good">
								<span>2,4,9,7,12,10,12</span>+20%
							</div>
							<div class="right">
								<strong>36094</strong> Visits
							</div>
						</li>
						<li>
							<div class="left peity_bar_neutral">
								<span>20,15,18,14,10,9,9,9</span>0%
							</div>
							<div class="right">
								<strong>1433</strong> Users
							</div>
						</li>
						<li>
							<div class="left peity_bar_bad">
								<span>3,5,9,7,12,20,10</span>-50%
							</div>
							<div class="right">
								<strong>8650</strong> Orders
							</div>
						</li>
						<li>
							<div class="left peity_line_good">
								<span>12,6,9,23,14,10,17</span>+70%
							</div>
							<div class="right">
								<strong>8650</strong> Orders
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span12">
					<div class="alert alert-info">
						Welcome in the <strong>Unicorn Admin Theme</strong>. Don't forget
						to check all the pages! <a href="#" data-dismiss="alert"
							class="close">×</a>
					</div>
					<div class="widget-box">
						<div class="widget-title">
							<span class="icon"><i class="icon-signal"></i></span>
							<h5>Site Statistics</h5>
							<div class="buttons">
								<a href="#" class="btn btn-mini"><i class="icon-refresh"></i>
									Update stats</a>
							</div>
						</div>
						<div class="widget-content">
							<div class="row-fluid">
								<div class="span4">
									<ul class="site-stats">
										<li><i class="icon-user"></i> <strong>1433</strong> <small>Total
												Users</small></li>
										<li><i class="icon-arrow-right"></i> <strong>16</strong>
											<small>New Users (last week)</small></li>
										<li class="divider"></li>
										<li><i class="icon-shopping-cart"></i> <strong>259</strong>
											<small>Total Shop Items</small></li>
										<li><i class="icon-tag"></i> <strong>8650</strong> <small>Total
												Orders</small></li>
										<li><i class="icon-repeat"></i> <strong>29</strong> <small>Pending
												Orders</small></li>
									</ul>
								</div>
								<div class="span8">
									<div class="chart"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div id="footer" class="span12">
					2012 &copy; <a>about</a>
				</div>
			</div>
		</div>
	</div>

	<script src="js/excanvas.min.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.ui.custom.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.flot.min.js"></script>
	<script src="js/jquery.flot.resize.min.js"></script>
	<script src="js/jquery.peity.min.js"></script>
	<script src="js/fullcalendar.min.js"></script>
	<script src="js/unicorn.js"></script>
	<script src="js/unicorn.dashboard.js"></script>
</body>
</html>
